.o_mass_mailing_iframe_wrapper {
    &.o_mass_mailing_fullscreen {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        overflow: hidden !important;
        transform: none !important;
        z-index: ($zindex-fixed + $zindex-modal-backdrop) / 2;
        background-color: $gray-100;
        .o_is_mobile {
            margin: auto;
        }
    }
    .o_is_mobile {
        background-image: url("/html_builder/static/img/phone.svg");
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 30px;
        padding-top: 60px;
        border-radius: 2rem;
        // Width and height of phone.svg. Needed for the builder to recompute values
        // when switching to mobile preview, otherwise the width is 0 for a moment.
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15),
                    16px 12px 32px rgba(0, 0, 0, 0.15),
                    64px 0 64px rgba(0, 0, 0, 0.15);
        iframe {
            min-height: 0;
        }
    }
    .o-snippets-menu { 
        .nav {
            background-color: inherit;
            padding: 0;
        }
    }
}
